@charset "utf-8";
/* CSS Document */

/* Thirds */
div.thirds {
	padding-bottom: 50px;
}

div.one-third-second {
	width: 30%;
	float: left;
	margin-right: 5%;
}

div.one-third-last {
	margin: 0;
}

div.nav ul li {
	width: 25%;
	border-bottom: 1px solid #bababa;
}
img {
	max-width: 100%;
}
.inline {
	float: none;
	display: block;
	margin:5px 5px 5px 5px;
	width: 100%;
	min-width: 110px;
}
.inlineright {
	float: right;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width: 50%;
	min-width: 100px;
}
.inlineleft {
	float: left;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width: 50%;
	min-width: 100px;
}
.inlinefill {
	float: none;
	display: block;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlinemedium {
	float:left;
	padding:5px 5px 5px 5px;
	width: 30%;
	min-width: 20px;
}
.inlinemediumright {
	float:right;
	padding:5px 5px 5px 5px;
	width: 30%;
	min-width: 20px;
}
.inlinesmall {
	float:left;
	padding:5px 5px 5px 5px;
	width: 10%;
	min-width: 20px;
}
.inlinesmall1 {
	float:left;
	padding:5px 5px 100px 5px;
	width: 12%;
	min-width: 100px;
}
.inlinechart {
	float: none;
	display: block;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlinechart1 {
	float: none;
	display: block;
	font-size: 110%;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlinebutton {
	float: left;
	display: block;
	margin:5px 5px 5px 5px;
	width: 95%;
	min-width: 100px;
}
	
.hide-mobile {
	display: none;
	}
div.main {
	width:70%;
}
		
@media screen and (max-width: 800px) {

div.one-third {
	width: 45%;
}
div.one-third-second {
	margin: 0;
}
div.one-third-last {
	width: 95%;
}

div.main {
	width:60%;
}	
.hide-mobile {
	display: none;
	}
}
@media screen and (max-width: 600px) {
.inlineright {
	float: none;
	display: block;
	margin:5px 5px auto;
	width: 95%;
	min-width: 100px;
}
.inlineleft {
	float: none;
	display: block;
	margin:5px 5px auto;
	width: 95%;
	min-width: 100px;
}
.inlinesmall {
	float:left;
	padding:5px 5px 5px 5px;
	width: 15%;
	min-width: 20px;
}
.inlinechart {
	float: none;
	display: block;
	font-size: 80%;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlinechart1 {
	float: none;
	display: block;
	font-size: 90%;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
div.mobile-collapse {
	width: auto;
	float: none;
	margin-right: 0;
	}
div.mobile-collapse1 {
	width: auto;
	float: none;
	margin-right: 0;
	}
.hide-mobile {
	display: none;
	}
div.main {
	width: 95%;		
}
}
@media screen and (max-width: 500px) {
	
.inlinechart {
	float: none;
	display: block;
	font-size: 70%;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlinechart1 {
	float: none;
	display: block;
	font-size: 80%;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}

div.mobile-collapse {
	width: auto;
	float: none;
	margin-right: 0;
	}
div.mobile-collapse1 {
	width: auto;
	float: none;
	margin-right: 0;
	}
.hide-mobile {
	display: none;
	}
div.main {
	width:95%;
}
}